<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="css/shouye.css"/>
</head>

<body>
    <div id="nav">
        <img src="img/logo.jpg" alt="logo" class="nav-img-logo"/>
        <ul>
         
            <li class="nav-signal"><a href="首页.html">首页</a></li>
            <li><a href="社区交流.html">社区交流</a></li>
            <li><a href="关于我们.html">关于我们</a></li>
            <li><a href="职业发展-公司文化.html">职业发展</a></li>
            <li><a href="联系我们.html">联系我们</a></li>
          
          
        </ul>
        <img src="img/cn.png" alt="cn" class="nav-img-cn"/>
   
       



    </div>
    <div id="picChange">
        
        <div id="pic">
            <div>
                <img src="img/Newyork.jpg"/>
                <p class="text-overlay" >科技+平台+服务<br>
                    全面打造资产证券化生态圈</p>
            </div>
            <div>
                <img src="img/Shanghai.jpg" style="display:none"/>
                <p class="text-overlay" style="display:none">大数据+人工智能+区块链<br>
                    科技构筑智慧金融</p>
            </div>
            <div>
                <img src="img/Newyork.jpg" style="display:none"/>
                <p class="text-overlay" style="display:none">科技+平台+服务<br>
                    全面打造资产证券化生态圈</p>
            </div>
            <div>
                <img src="img/Tokyo.jpg" style="display:none"/>
                <p class="text-overlay" style="display:none">专业+合规+高效<br>
                    资产证券化咨询服务</p>
            </div>
            <div id="num">
               
                    <a href="javascript:showImage(0)"><span></span></a>
                    <a href="javascript:showImage(1)"><span></span></a>
                    <a href="javascript:showImage(2)"><span></span></a>
                    <a href="javascript:showImage(3)"><span></span></a>
                
            </div> 
        </div>
        
    </div>
    <div id="article">
        <div class="ar-content">
            <div class="box">
                <div><img src="img/project-image.png"/></div>
                <div class="box-img"><img src="img/project.png"/></div>
                <p class="box-title">前端开发</p>
                <p>前端工程师是互联网时代软件产品研发中不可或缺的专业角色，主要负责将产品设计稿实现成网站或应用的前端界面,涵盖用户PC端、移动端网页等。他们使用 HTML、CSS、JavaScript 等核心技术，以及 jQuery、Reactjs、Vuejs、Angularjs 等主流框架，处理视觉和交互问题。随着互联网技术的快速发展，前端工程师的地位日益重要，对技能要求也越来越高。</p>
                <div><a href="#">更多>></a></div>

            </div>
            <div class="box">
                <div><img src="img/team-image.png"/></div>
                <div class="box-img"><img src="img/team.png"/></div>
                <p class="box-title">后端开发</p>
                <p>后端工程师属于软件研发工程师，主要从事软件开发工作，职责集中在平台设计、接口设计和功能实现三个方面。他们需要精通至少一门编程语言(如 C/C++、Java、PHP),对数据结构和算法设计有深刻理解，并具备在 Windows、Unix、Linux 等主流平台上的工程经验。后端工程师的工作涉及软件开发的全过程，包括需求分析、设计、编程和测试等环节。</p>
                <div><a href="#">更多>></a></div>

            </div>
            <div class="box">
                <div><img src="img/dev-image.png"/></div>
                <div class="box-img"><img src="img/develop.png"/></div>
                <p class="box-title">数据安全</p>
                <p>安全工程师是负责安全生产管理、安全工程技术工作或提供安全生产专业服务的专业技术人员。他们通过相应级别的注册安全工程师职业资格考试并取得执业资格证书后，可从事相关工作。安全工程师的级别分为高级、中级和初级，各级别证书均需通过考试取得。安全工程师的证书在评职称、技能补贴、个税抵扣、升职加薪等方面具有显著作用。</p>
                <div><a href="#">更多>></a></div>

            </div>
            <div class="box">
                <div><img src="img/job-image.png"/></div>
                <div class="box-img"><img src="img/job.png"/></div>
                <p class="box-title">AI算法</p>
                <p>AI算法工程师是人工智能领域的核心专业人才，他们专注于设计、开发、优化和实现各种复杂的算法模型，以解决现实世界的复杂问题。这些算法涵盖了机器学习、深度学习、自然语言处理、计算机视觉等多个子领域，旨在使计算机系统能够模拟人类的智能行为，如识别图像、理解语言、做出决策等。</p>
                
                <div><a href="#">更多>></a></div>

            </div>

        </div>

    </div>
    <div id="section">
        <p>-合作机构-</p>
        <div class="se-img">
            <img src="./img/org-logo-large/cooperation_1.png"/>
            <img src="./img/org-logo-large/cooperation_2.png"/>
            <img src="./img/org-logo-large/cooperation_3.png"/>
            <img src="./img/org-logo-large/cooperation_4.png"/>
            <img src="./img/org-logo-large/cooperation_5.png"/>
            <img src="./img/org-logo-large/cooperation_6.png"/>
            <img src="./img/org-logo-large/cooperation_7.png"/>
            <img src="./img/org-logo-large/cooperation_8.png"/>
            <img src="./img/org-logo-large/cooperation_9.png"/>
            <img src="./img/org-logo-large/cooperation_10.png"/>
            <img src="./img/org-logo-large/cooperation_11.png"/>
            <img src="./img/org-logo-large/cooperation_12.png"/>
            <img src="./img/org-logo-large/cooperation_13.png"/>
            <img src="./img/org-logo-large/cooperation_14.png"/>
            <img src="./img/org-logo-large/cooperation_15.png"/>
            <img src="./img/org-logo-large/cooperation_16.png"/>
            <img src="./img/org-logo-large/cooperation_17.png"/>
            <img src="./img/org-logo-large/cooperation_18.png"/>
            <img src="./img/org-logo-large/cooperation_19.png"/>
            <img src="./img/org-logo-large/cooperation_20.png"/>
            <img src="./img/org-logo-large/cooperation_21.png"/>
            <img src="./img/org-logo-large/cooperation_22.png"/>
            <img src="./img/org-logo-large/cooperation_23.png"/>
            <img src="./img/org-logo-large/cooperation_24.png"/>
            <img src="./img/org-logo-large/cooperation_25.png"/>
            <img src="./img/org-logo-large/cooperation_26.png"/>
            <img src="./img/org-logo-large/cooperation_27.png"/>
            <img src="./img/org-logo-large/cooperation_28.png"/>
            <img src="./img/org-logo-large/cooperation_29.png"/>
            <img src="./img/org-logo-large/cooperation_30.png"/>
            <img src="./img/org-logo-large/cooperation_31.png"/>
            <img src="./img/org-logo-large/cooperation_32.png"/>
            <img src="./img/org-logo-large/cooperation_33.png"/>
            <img src="./img/org-logo-large/cooperation_34.png"/>
            <img src="./img/org-logo-large/cooperation_35.png"/>
            <img src="./img/org-logo-large/cooperation_36.png"/>
            <img src="./img/org-logo-large/cooperation_37.png"/>
            <img src="./img/org-logo-large/cooperation_38.png"/>
            <img src="./img/org-logo-large/cooperation_39.png"/>
            <img src="./img/org-logo-large/cooperation_40.png"/>
            <img src="./img/org-logo-large/cooperation_41.png"/>
            
        </div>
        

    </div>
    <div id="footer">
        <div class="footer-top">
        <img src="img/globle.png" alt="globle" class="footer-img-globle"/>
        <div class="footer-inner">
        
    
            <table class="footer-table">
                 <tr>
                 <td><a href="职业发展-公司文化.html">关于我们</a></td>
                 <td><a href="职业发展-公司文化.html">公司文化</a></td>
                 </tr>
                 <tr>
                 <td><a href="职业发展-公司文化.html">专业团队</a></td>
                 <td><a href="职业发展-求职招聘.html">求职招聘</a></td>
                 </tr>
                 <tr>
                 <td><a href="职业发展-公司文化.html">业务介绍</a></td>
                 <td><a href="联系我们.html">联系我们</a></td>
                 </tr>
             </table>    
             <ul>   
             <li>邮箱: feedback@heyifintech.com</li>
    
             <li>电话: +86 21 3115 6258</li>   
             </ul> 
            </div>
        </div>
        <div class="footer-bottom">
            <p>&copy2011-2017 Shanghai Alliance Financial Services Limited. All rights reserved. <span>沪ICP备 10202263 号</span></p>

        </div>
        

        
        





    </div>
    <div id="backToTop">
        <img src="img/back2top.png" style="flex:none"/>

    </div>

</body>
<script>
    
    //轮播图
    var pic=0;
    function imageChange(){
        var p=document.getElementById("pic").getElementsByTagName("img");
        var pp=document.getElementById("pic").getElementsByTagName("p");
        var spans = document.getElementById("num").getElementsByTagName("span");//定位
        /*隐藏*/
        for(var n=0;n<p.length;n++){
            p[n].style.display="none";
            pp[n].style.display="none";
        }
        p[pic].style.display="block";
        pp[pic].style.display="block";
        pic++;
        if(pic==4)pic=0;
    }
    var t=setInterval("imag eChange()",3000);
    
    function showImage(i){
        clearInterval(t);
        var p = document.getElementById("pic").getElementsByTagName("img");
        var pp = document.getElementById("pic").getElementsByTagName("p");
        var spans = document.getElementById("num").getElementsByTagName("span");
        
        // 隐藏所有图片和文字，清除圈圈样式
        for(var n = 0; n < p.length; n++){
            p[n].style.display = "none";
            pp[n].style.display = "none";
            spans[n].className = ""; 
        }
        
        // 显示选中的图片和文字，并设置对应圈圈为实心
        p[i].style.display = "block";
        pp[i].style.display = "block";
        spans[i].className = "active";// 添加active类
        
        // 重新启动轮播
        pic = i;
        t = setInterval("imageChange()", 6000);
    }
    window.onscroll=function(){
        scrollFunction();
    }
    //回到顶部        
    var backToTopButton=document.getElementById("backToTop");
    window.onscroll=scrollFunction;
    function scrollFunction(){
        if(document.body.srollTop>20||document.documentElement.scrollTop>20){
            backToTopButton.style.display="block";
        }else{
            backToTopButton.style.display="none";
        }
        backToTopButton.onclick=function(){
            document.body.scrollTop=0;
            document.documentElement.scrollTop = 0;
        }
            
            
        


    }



    
</script>
</html>
